<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/statics/plugin/editormd/css/editormd.css" />
</head>
<body>
<style>
    body{min-height:1000px;}
    .editor-box{height:600px;}
</style>
<div class="editor-box">
    <div id="test-editor">
    <textarea style="display:none;">### 关于 Editor.md

**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。
    </textarea>
    </div>
    <button class="submit">确定提交</button>
</div>

<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="/statics/plugin/editormd/editormd.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("test-editor", {
            // width  : "100%",
            // height : "100%",
            path   : "/statics/plugin/editormd/lib/",
            sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
            // 工具栏添加一个自定义方法
            toolbarIcons: function() {
                // 给工具栏full模式添加一个自定义方法
                return editormd.toolbarModes.full.concat(["customIcon"]);
            },
            // 自定义方法的图标 指定一个FontAawsome的图标类
            toolbarIconsClass: {
                customIcon: "fa-paste"
            },
            // 没有图标可以插入内容，字符串或HTML标签
            toolbarIconTexts: {
                customIcon: "从草稿箱加载"
            },
            // 图标的title
            lang: {
                toolbar: {
                    customIcon: "从草稿箱加载"
                }
            },
            // 自定义工具栏按钮的事件处理
            toolbarHandlers: {
                customIcon: function(){
                    // 读取缓存内容
                    editor.CodeAutoSaveGetCache();
                }
            },
            // 自定义工具栏按钮的事件处理
            onload: function() {
                // 引入插件 执行监听方法
                editormd.loadPlugin("../statics/plugin/editormd/plugins/code-auto-save/code-auto-save", function() {
                    // 初始化插件 实现监听
                    editor.CodeAutoSave();
                });
            },



        });


        // 删除缓存
        // editor.CodeAutoSaveDelCache();
        // 清空缓存的文档内容
        // editor.CodeAutoSaveEmptyCacheContent();
        // 自定义设置缓存
        // editor.CodeAutoSaveSetCache('缓存内容');
    });

    $('.submit').click(function(){
        var md = $('.editormd-markdown-textarea').val();
        var html = $('.editormd-preview-container').html();
        // alert(md);
        alert(html);
    })
</script>
</body>
</html>